<!DOCTYPE html>
<html>

	<head>
		<title>爱奇艺</title>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link href="css/DaoHangTiao.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/flexible-bootstrap-carousel.css" />
		<link rel="stylesheet" href="css/bootstrap-select.min.css">
		<link rel="stylesheet" type="text/css" href="css/styles.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap-select.min.js"></script>
		<script type="text/javascript" src="js/flexible-bootstrap-carousel.js"></script>
		<script type="text/javascript" src="js/script.js"></script>
		<style type="text/css">
			a {
				color: #000000;
			}
			
			a:hover {
				text-decoration: none;
				color: #00BE06;
			}
			
			#jiewei {
				background-color: #F8F8F8;
				padding-top: 30px;
				padding-bottom: 30px;
			}
			
			.tpfd {
				transition: transform 0.5s;
			}
			
			.tpfd:hover {
				transform: scale(1.08)
			}
			/*css层叠样式表的衣柜*/
			
			* {
				margin: 0px;
				padding: 0px;
				/*上下左右*/
			}
			
			#box {
				width: 100%;
				height: 410px;
				background: #000;
				/*背景*/
				/*overflow:hidden;超出隐藏*/
				position: relative;
				/*相对定位*/
			}
			
			#box div.img ul li {
				list-style: none;
				width: 100%;
				height: 410px;
				display: none;
				/*隐藏*/
				opacity: 1;
			}
			
			#box div.img ul li.curr {
				display: block;
				/*显示  块级元素*/
			}
			
			#box div.bg {
				width: 247px;
				height: 371px;
				background: url("images/bg.png");
				position: absolute;
				/*绝对定位*/
				top: 40px;
				right: 20px;
			}
			
			#box div.bg div.nav {
				width: 212px;
				height: 340px;
				margin: 18px 16px;
				/*上下  左右*/
				color: #ccc;
				border-radius: 8px;
				/*边框圆角*/
				overflow: hidden;
			}
			
			#box div.bg div.nav ul li {
				list-style: none;
				/*去除实心圆的*/
				font-size: 14px;
				/*字体大小*/
				width: 212px;
				height: 34px;
				line-height: 34px;
				/*行高 上下居中*/
				padding-left: 8px;
				/*左内间距*/
			}
			
			#box div.bg div.nav ul li.first {
				background: #699f00;
				color: #fff;
				/*字体颜色*/
			}
			
			.tpdx {
				font-family: "微软雅黑";
				font-size: 20px;
			}
			
			.flex-item:hover {}
			
			.ziti {
				color: white;
				font-family: "微软雅黑";
			}
			
			a:hover {
				text-decoration: none;
				color: #00BE06;
			}
			
			a {
				color: #000000;
			}
			
			#button {
				font-family: "微软雅黑";
				font-size: 20px;
				width: 215px;
				height: 45px;
				background: #C59B61;
				border: none;
				margin-top: 20px;
				border-bottom-right-radius: 30px;
				border-top-right-radius: 30px;
				border-bottom-left-radius: 30px;
				border-top-left-radius: 30px;
				outline: none;
			}
			
			.navbar {
				margin-bottom: auto;
				padding-left: 160px;
				height: 65px;
			}
			
			.logo {
				padding: 19px;
			}
			
			.tupian {
				padding-top: 0px;
				position: relative;
				right: 32px;
				bottom: 16px;
			}
			
			.navbar-nav>li>a {
				padding-left: 0px;
				padding-bottom: 20px;
				padding-top: 20px;
			}
			
			.button {
				width: 75px;
				height: 40px;
				border: none;
				margin-top: 2px;
				border-bottom-right-radius: 25px;
				border-top-right-radius: 25px;
				background-color: #00BE06;
				padding-right: 70px;
			}
			
			.button>span {
				position: absolute;
				top: 11px;
				margin-right: 50px;
			}
			
			.dh {
				width: 260px;
				height: 40px;
				border: none;
				background-color: #333333;
				float: left;
				margin-top: 3px;
				border-bottom-left-radius: 25px;
				border-top-left-radius: 25px;
				outline: none;
				opacity: 0.5;
			}
			
			.form-group {
				margin-right: 50px;
			}
			
			#back {
				background-image: url(img/tq-banner-bg@2x.jpg);
				height: 400px;
			}
			
			.toubu1 {
				background-color: black;
				width: 530px;
				height: 24px;
				font-size: 15px;
				position: absolute;
				left: 120px;
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
				border-top-right-radius: 20px;
			}
			
			.toubu2 {
				background-color: black;
				width: 390px;
				height: 24px;
				font-size: 15px;
				position: absolute;
				left: 185px;
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
				border-top-right-radius: 20px;
			}
			
			.toubu1 a {
				font-size: 13px;
				color: white;
				margin-left: 16px;
				padding-left: 5px;
			}
			
			.toubu2 a {
				font-size: 13px;
				color: white;
				margin-left: 16px;
				padding-left: 5px;
			}
			
			.toubu1 a:hover {
				color: #C8A06A;
				text-decoration: none;
			}
			
			.toubu2 a:hover {
				color: #C8A06A;
				text-decoration: none;
			}
			
			.huangjin1 {
				color: #E3BA77;
				font-size: 40px;
				font-weight: 400;
			}
			
			.huangjin2 {
				color: #FFEFD7;
				font-size: 40px;
				font-weight: 400;
			}
			
			.xiaozi1 {
				position: absolute;
				color: #E3BA77;
				font-size: 20px;
				top: 95px;
				right: 30px;
			}
			
			.xiaozi2 {
				position: absolute;
				color: #D6BE97;
				font-size: 20px;
				top: 85px;
				right: -8px;
			}
			
			.an1 {
				border-radius: 100px;
				width: 165px;
				height: 35px;
				position: absolute;
				top: 165px;
				left: 170px;
				color: #E3BA77;
				background-color: transparent;
				font-size: 18px;
				border-color: #E3BA77;
			}
			
			.an2 {
				border-radius: 100px;
				width: 165px;
				height: 35px;
				position: absolute;
				top: 165px;
				left: 225px;
				color: #D6BE97;
				background-color: transparent;
				font-size: 18px;
				border-color: #D6BE97;
			}
			
			.dfk {
				background-color: #F9F9F9;
				width: 260px;
				height: 125px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			
			.dfk:hover {
				background-color: saddlebrown;
			}
			
			.banquan a {
				color: #000000;
			}
			
			.banquan a:hover {
				text-decoration: none;
				color: #E3BA77;
			}
			
			.VIP {
				position: absolute;
				min-width: 185px;
				padding-top: 14px;
				left: -82px;
				margin-top: 14px;
			}
			
			.denglu {
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				color: white;
				background-color: #C8A06A;
				border: none;
				margin-left: 50px;
			}
			
			.dht a {
				color: white;
			}
			
			.dht :hover {
				color: #00BE06;
			}
			.dhl a{
				color: white;
			}
			.dhl :hover{
				color: white;
			}
		</style>
	</head>

	<body>
		<nav class="navbar navbar-inverse">

			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
					<a class="logo" href="index.html"><img src="img/2019-12-09_083755.png" class="tupian"></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">

						<li>
							<a href="DianShiJu.html">电视剧</a>
						</li>
						<li>
							<a href="#">电影</a>
						</li>
						<li>
							<a href="ReSouBang.html">热搜榜</a>
						</li>

					</ul>
					<form class="navbar-form navbar-left" role="search">

						<div class="form-group">
							<input type="text" placeholder="木鱼" style="color: white; padding-left: 15px;" class="dh">
							<button class="input-group-addon glyphicon glyphicon-search button" id="basic-addon1"><span>搜全网</span></button>
						</div>
					</form>

					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								<div class="t" style="position: relative;bottom: 25px;right: 20px;"><img src="img/2019-12-14_113538.png" class="vipchatu" />
									<ul class="dropdown-menu VIP">
										<li>
											<a href="vip1.html">
												<p><img src="img/10e25c7db4664aeea5f3650a7962d722.png" style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;" />了解VIP会员特权</p>
											</a>
										</li>
										<li>
											<a href="vip2.html">
												<p><img src="img/4e2e4b297d294926b025d86b8b619d85.png" style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;" />领取VIP会员福利</p>
											</a>
										</li>
										<li>
											<a href="vip3.html">
												<p><img src="img/fe1d5f33d4034eb0ab61a7abf0ce222f.png" style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;" />做任务，领奖励</p>
											</a>
										</li>
										<li>
											<a href="#">
												<button class="denglu" onclick="btn1()">登录</button>
											</a>
										</li>
									</ul>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="q" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-cloud-upload ac" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="shangchuan">上传</div>
								</div>
							</a>
						</li>
						<li>
							<a href="KeHuDuan.html">
								<div class="w" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-blackboard kh" aria-hidden="true" style="position: relative;left: 14px;"></div>
									<div class="kehu">客户端</div>
								</div>
							</a>

						</li>
						<li>

							<a href="#">
								<div class="e" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-bell xx" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="xiaoxi">消息</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="r" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-dashboard kg" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="kanguo">看过</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#"><img src="img/2019-12-15_173518.png " class="rentou" style="position: relative;bottom: 8px;" /></a>
						</li>
					</ul>
				</div>
		</nav>
		<!--<nav class="navbar navbar-inverse">
			<div class="container">
				<div class="container-fluid">
					
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
						<a class="logo" href="#"><img src="img/2019-12-09_083755.png" class="tupian"></a>
					</div>

					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">

							<li>
								<a href="#">首页</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">导航 <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Action</a>
									</li>
									<li>
										<a href="#">Another action</a>
									</li>
									<li>
										<a href="#">Something else here</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">Separated link</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">One more separated link</a>
									</li>
								</ul>
							</li>
						</ul>
						<form class="navbar-form navbar-left" role="search">

							<div class="form-group a">
								<input type="text" placeholder="从前有座灵剑山" class="dh">
								<button class="input-group-addon glyphicon glyphicon-search button" id="basic-addon1"></button>
							</div>
						</form>

						<ul class="nav navbar-nav">
							<li>
								<a href="#">登录</a>
							</li>
							<li>
								<a href="#">注册</a>
							</li>
							<li>
								<a href="#">开通VIP</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="img/2019-12-09_142120.png" />上传 <span class="caret"></span></a>
								<ul class="dropdown-menu shangchuan">
									<li>
										<a href="#">
											<p>上传视频</p>
										</a>
									</li>
									<li>
										<a href="#">
											<p>制作视频</p>
										</a>
									</li>
									<li>
										<a href="#">
											<p>我的空间</p>
										</a>
									</li>
									<li>
										<a href="#">
											<p>视频管理</p>
										</a>
									</li>
									<li>
										<a href="#">
											<p>流量分析</p>
										</a>
									</li>
									<li>
										<a href="#">
											<p>申请分成</p>
										</a>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">消息 <span class="caret"></span></a>
								<ul class="dropdown-menu bfjl">
									您暂时还没有任何消息
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">查看其它内容>></a>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">播放记录 <span class="caret"></span></a>
								<ul class="dropdown-menu bfjl">
									您还没有观看任何视频
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">更多>></a>
									</li>
								</ul>
							</li>
					</div>
				</div>
			</div>
		</nav>-->
		<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="js/mt-tabpage.js"></script>
		<script type="text/javascript">
			$(function() {

				$('[js-tab=2]').tab({
					mouse: 'over', //切换方式：over，click
					autoPlay: true, //播放方式：false，true
					curDisplay: 1, //当前第一个打开
					changeMethod: 'horizontal' //切换选项：默认default，horizontal，vertical，opacity这4种方式
				});

				$('[js-tab=3]').tab({
					curDisplay: 2,
					changeMethod: 'horizontal'
				});

			});
		</script>
		<!--导航条部分↑ -->

		<div id="box">
			<div class="img">
				<ul>
					<li class="curr" style="background:url(img/19ac4d50e14b4168be6853e9918da2ad.jpg);"></li>
					<li style="background:url(img/f81b05552a3147a0b819ae02353e3600.jpg);"></li>
					<li style="background:url(img/74f99f1b977843fab562388478f76e3d.jpg);"></li>
					<li style="background:url(img/68a84e0fee6e413aba27f51d6841bd3c.jpg);"></li>
					<li style="background:url(img/96295fd5d86b47fb8e596143c19cd524.jpg);"></li>
					<li style="background:url(img/4f83dd28917a480b992fd435e5f47496.jpg);"></li>
					<li style="background:url(img/16804aba4bf444b8b102c21f93c27ed9.jpg);"></li>
					<li style="background:url(img/8f6d417db13d4e5186c85f19a75554d7.jpg);"></li>
					<li style="background:url(img/73462a68968d43d2bb1f77e4189d6d27.jpg);"></li>
					<li style="background:url(img/be8cf46681824ed7bc6172bdea3825c0.jpg);"></li>
				</ul>
			</div>
			<div class="bg">
				<div class="nav">
					<ul class="dhl" style="background-color: #3F4C55; font-family: '微软雅黑'; font-size: 20px;">
						<li class="first">
							<a href="#">我和我的祖国：群星唤热血记忆</a>
						</li>
						<li>
							<a href="#">潮流：吴亦凡获评女装黑洞</a>
						</li>
						<li>
							<a href="#">剑王朝：李现李一桐双修升级</a>
						</li>
						<li>
							<a href="#">好美：陈一农献唱张学友金曲</a>
						</li>
						<li>
							<a href="#">故宫：严屹宽再现郑和下西洋</a>
						</li>
						<li>
							<a href="#">奇葩说：博首尔谈婚姻落泪</a>
						</li>
						<li>
							<a href="#">庆余年：控评狂魔陈萍萍上线</a>
						</li>
						<li>
							<a href="#">限定：NPC演唱会幕后曝光</a>
						</li>
						<li>
							<a href="#">第二次也很美：安朗CP相互表白</a>
						</li>
						<li>
							<a href="#">妻子3：嗯哼为霍思燕准备惊喜</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="js-mytooltip type-inline-block style-block style-block-one" data-mytooltip-custom-class="align-center" data-mytooltip-direction="bottom" data-mytooltip-template="Direction bottom">

		</div>

		<div class="row dht" style="background-color: #000000; width: 100%;">
			<div style="padding-left: 170px;padding-top: 20px;">
				<a href="#">娱乐</a>&ensp;&ensp;
				<a href="#">电视</a>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
				<a href="DianShiJu.html">电视剧</a>&ensp;&ensp;&ensp;
				<a href="#">电影</a>&ensp;&ensp;&ensp;&ensp;
				<a href="#">综艺</a>&ensp;&ensp;
				<a href="#">动漫</a>&ensp;&ensp;
				<a href="#">搞笑</a>&ensp;&ensp;
				<a href="#">音乐</a>&ensp;&ensp;
				<a href="#">原创</a>&ensp;&ensp;
				<a href="#">财经</a>&ensp;&ensp;
				<a href="#">儿童</a>&ensp;&ensp;
				<a href="#">知识</a>&ensp;&ensp;
				<a href="#">军事</a>&ensp;&ensp;
				<a href="#">公益</a>&ensp;&ensp;&ensp;&ensp;
				<a href="#">文学</a>&ensp;&ensp;
				<a href="#">热点</a>&ensp;&ensp;&ensp;&ensp;
				<a href="#">全网影视</a>&ensp;&ensp;
				<a href="#">奇秀直播</a>&ensp;&ensp;
				<a href="#">商城</a>&ensp;&ensp;
				<a href="#">大头</a>&ensp;&ensp;&ensp;&ensp;&ensp;
				<a href="#">泡泡广场</a>
			</div>
			<div style="padding-left: 170px;padding-top: 10px;padding-bottom: 20px;">
				<a href="#">资讯</a>&ensp;&ensp;
				<a href="#">网络电影</a>&ensp;&ensp;
				<a href="#">片花</a>&ensp;&ensp;&ensp;&ensp;&ensp;
				<a href="#">脱口秀</a>&ensp;&ensp;
				<a href="#">游戏</a>&ensp;&ensp;
				<a href="#">旅游</a>&ensp;&ensp;
				<a href="#">时尚</a>&ensp;&ensp;
				<a href="#">体育</a>&ensp;&ensp;
				<a href="#">科技</a>&ensp;&ensp;
				<a href="#">教育</a>&ensp;&ensp;
				<a href="#">母婴</a>&ensp;&ensp;
				<a href="#">健康</a>&ensp;&ensp;
				<a href="#">汽车</a>&ensp;&ensp;
				<a href="#">纪录片</a>&ensp;&ensp;
				<a href="#">漫画</a>&ensp;&ensp;
				<a href="#">风云榜</a>&ensp;&ensp;
				<a href="#">应用商店</a>&ensp;&ensp;
				<a href="#">直播中心</a>&ensp;&ensp;
				<a href="#">VR</a>&ensp;&ensp;&ensp;
				<a href="#">爱奇艺号</a>&ensp;&ensp;
				<a href="#">游戏中心</a>
			</div>
		</div>

		<!--今日焦点↓↓↓↓-->
		<div class="container" style="padding-top: 50px;">
			<div class="row" style="font-family: '微软雅黑';font-size: 20px;">
				<div class="col-md-3">
					<img src="img/2019-12-10_202654.png" />
				</div>
				<div class="col-md-9" style="padding-top: 15px;">
					<a href="#">生态文明@湿地/</a>
					<a href="#">更多热点></a>
				</div>
			</div>
		</div>
		<section class="examples">
			<div class="container">
				<div class="carousel-example">
					<!-- FLEXIBLE BOOTSTRAP CAROUSEL -->
					<div id="simple-content-carousel" class="carousel flexible slide" data-ride="carousel" data-interval="5000" data-wrap="true">

						<div class="items">
							<div class="flex-item thumbnail">
								<a href="shipinbofan.html"><img src="img/753951.jfif" width="300px" class="tpfd" /><br>哪吒之后，姜子牙跟进</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/v_142368731_m_601_220_124.jpg" width="300px" class="tpfd" /><br>美国新泽西州发生枪击事件 已致6人死亡</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/v_142369438_m_601_m1_220_124.jpg" width="300px" class="tpfd" /><br>2019出境游：90后和00后游客增长最快</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/v_142369424_m_601_m1_220_124.jpg" width="300px" class="tpfd" /><br>上海机场“救护车接机”进展：9人受处分</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/2019-12-11_085824.png" width="300px" class="tpfd" /><br>李现竟是郭敬明韩寒书迷？曝光90后青春回忆</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/2019-12-11_085838.png" width="300px" class="tpfd" /><br>萧敬腾献唱《误杀》主题曲 唱出父亲的爱与勇敢</a>
							</div>
						</div>

						<div class="carousel-inner" role="listbox">

						</div>

						<a class="left carousel-control" href="#simple-content-carousel" role="button" data-slide="prev">
							<span class="fa fa-angle-left" aria-hidden="true"></span>
							<span class="sr-only"><img src="img/next.png"></span>
						</a>
						<a class="right carousel-control" href="#simple-content-carousel" role="button" data-slide="next">
							<span class="fa fa-angle-right" aria-hidden="true"></span>
							<span class="sr-only"><img src="img/prev.png"></span>
						</a>
					</div>
				</div>

			</div>
		</section>

		<!--
        <div class="container" style="padding-top: 10px;">
			<div class="row">
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/v_142363924_m_601_220_124.jpg" width="200px" class="tpfd" /><br>央视点赞李子柒！除了她，老外还喜欢看他们
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/v_142368731_m_601_220_124.jpg" width="160px" class="tpfd" /> <br>美国新泽西州发生枪击事件 已致6人死亡</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/v_142369438_m_601_m1_220_124.jpg" width="160px" class="tpfd" /><br> 2019出境游：90后和00后游客增长最快
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/v_142369424_m_601_m1_220_124.jpg" width="160px" class="tpfd" /> <br>上海机场“救护车接机”进展：9人受处分
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/2019-12-11_085824.png" width="160px" class="tpfd" /><br> 李现竟是郭敬明韩寒书迷？曝光90后青春回忆
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/2019-12-11_085838.png" width="160px" class="tpfd" /><br> 萧敬腾献唱《误杀》主题曲 唱出父亲的爱与勇敢</a>
					</div>
				</div>
			</div>
		</div>-->

		<!--综艺↓↓↓↓↓-->
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div>
						<a href="#" style="font-family: '微软雅黑'; font-size: 30px;">
							综艺<span style="font-size: 15px;">&ensp;更多>
						</span></a>
						<a href="#">&ensp;&ensp;我就是演员2</a>
						&ensp;/&ensp;
						<a href="#">妻子的浪漫旅行3</a>
						&ensp;/&ensp;
						<a href="#">我们的歌</a>
						&ensp;/&ensp;
						<a href="#">主持人大赛</a>
						&ensp;/&ensp;
						<a href="#">业务能力满分打赏</a>
						<a href="#" style="font-family: '微软雅黑'; font-size: 30px;float: right;">
							&ensp;精彩推荐<span style="font-size: 15px;">&ensp;更多>
						</span></a>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row" style="font-family: '微软雅黑';">
				<div class="col-md-4">
					<div class="thumbnail">
						<ul style="list-style-type: none;">
							<div class="cd-radial-slider-wrapper">
								<ul class="cd-radial-slider" data-radius1="60" data-radius2="1364" data-centerx1="110" data-centerx2="1290">
									<li class="visible">
										<div class="svg-wrapper">
											<svg viewBox="0 0 1400 800">
												<title>Animated SVG</title>
												<defs>
													<clipPath id="cd-image-1">
														<circle id="cd-circle-1" cx="110" cy="400" r="1364" />
													</clipPath>
												</defs>

												<image height='1200px' width="1600px" clip-path="url(#cd-image-1)" xlink:href="img/123.jpg"></image>
											</svg>
										</div>
										<!-- .svg-wrapper -->
										<!-- .cd-radial-slider-content -->
									</li>
									<li class="next-slide">
										<div class="svg-wrapper">
											<svg viewBox="0 0 1400 800">
												<title>Animated SVG</title>
												<defs>
													<clipPath id="cd-image-2">
														<circle id="cd-circle-2" cx="1290" cy="400" r="60" />
													</clipPath>
												</defs>

												<image height='1200px' width="1600px" clip-path="url(#cd-image-2)" xlink:href="img/357.jpg"></image>
											</svg>
										</div>
										<!-- .svg-wrapper -->
										<!-- .cd-radial-slider-content -->
									</li>
								</ul>
								<!-- .cd-radial-slider -->

								<ul class="cd-radial-slider-navigation">
									<li>
										<a href="#0" class="next">Next</a>
									</li>
									<li>
										<a href="#0" class="prev">Prev</a>
									</li>
								</ul>
								<!-- .cd-radial-slider-navigation -->

								<div class="cd-round-mask">
									<svg viewBox="0 0 1400 800">
										<defs>
											<mask id="cd-left-mask" height='800px' width="1400px" x="0" y="0" maskUnits="userSpaceOnUse">
												<path fill="white" d="M0,0v800h1400V0H0z M110,460c-33.137,0-60-26.863-60-60s26.863-60,60-60s60,26.863,60,60S143.137,460,110,460z" />
											</mask>

											<mask id="cd-right-mask" height='800px' width="1400px" x="0" y="0" maskUnits="userSpaceOnUse">
												<path fill="white" d="M0,0v800h1400V0H0z M1290,460c-33.137,0-60-26.863-60-60s26.863-60,60-60s60,26.863,60,60S1323.137,460,1290,460z" />
											</mask>
										</defs>
									</svg>
								</div>
								<div>
									<br />
									<a href="#">下班啦！合伙人</a>
									<p>吴亦凡为Baby挑衣服遭屡拒 潘玮柏减肥计划泡汤</p>
								</div>
							</div>
						</ul>
					</div>
				</div>
				<div class="col-md-2">
					<ul style="list-style-type: none;">
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-11_153112.png">
									<h4>上新啦·故宫2</h4></a>青山绿水金箔香皂惊艳宋轶
							</div>
						</li>
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-11_153124.png">
									<h4>主持人大赛2019</h4></a>撒贝宁呗cue红包欲逃走</div>
						</li>
					</ul>
				</div>
				<div class="col-md-2">
					<ul style="list-style-type: none;">
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-11_153205.png">
									<h4>我们在行动第4季</h4></a>张艺兴变调音师改编佤族歌
							</div>
						</li>
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-11_153227.png">
									<h4>穿越时间的味道</h4></a>何旭喜再制暖心料理
							</div>
						</li>
					</ul>
				</div>
				<div class="col-md-2">
					<ul style="list-style-type: none;">
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-11_153245.png">
									<h4>我就是演员</h4></a>刘晓庆再演武则天征讨时间
							</div>
						</li>
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-11_153303.png">
									<h4>王牌对王牌第4季</h4></a>贾玲开启献吻攻势
							</div>
						</li>
					</ul>
				</div>
				<div class="col-md-2">
					<ul style="list-style-type: none;">
						<li>
							<div class="thumbnail" style="width: 200px;">
								<a href="#"><img src="img/2019-12-11_160756.png" width="220px" class="tpfd">
									<h4>惊艳~奥地利烤肉拼盘</h4></a>
								<div style="padding-bottom: 10px; padding-top: 10px;">
									<a href="#">王一博确认参与湖南跨年</a>
								</div>
								<div style="padding-bottom: 10px; padding-top: 10px;">
									<a href="#">碎嘴大张伟上线</a>
								</div>
								<div style="padding-bottom: 10px; padding-top: 10px;">
									<a href="#">吴亦凡开启潮流之旅</a>
								</div>
								<div style="padding-bottom: 10px; padding-top: 10px;">
									<a href="#">高以翔爱篮球胜过演戏</a>
								</div>
								<div style="padding-bottom: 10px; padding-top: 10px;">
									<a href="#">不容错过的NPC采访</a>
								</div>
							</div>
						</li>
				</div>
			</div>
		</div>

		<!--自制综艺-->
		<div class="container" style="padding-top: 50px;">
			<div class="row">
				<div class="col-md-12">
					<div>
						<a href="#" style="font-family: '微软雅黑'; font-size: 30px;">
							自制综艺<span style="font-size: 15px;">&ensp;更多>
						</span></a>
						<a href="#">&ensp;&ensp;奇葩说6</a>
						&ensp;/&ensp;
						<a href="#">这样唱好美</a>
						&ensp;/&ensp;
						<a href="#">限定的记忆</a>
						&ensp;/&ensp;
						<a href="#">慢游全世界</a>
						&ensp;/&ensp;
						<a href="#">做家务的男人</a>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/98686efa4bd44e6c87dc0d813a03ba91.jpg" width="160px" class="tpfd" /> 央视点赞李子柒！除了她，老外还喜欢看他们
							<br />
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/089fc11d51d94d51af805d28fa033ef1.jpg" width="160px" class="tpfd" /> 美国新泽西州发生枪击事件 已致6人死亡</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/9e4bf301b8434fae82173a9bbfbcef79.jpg" width="160px" class="tpfd" /> 2019出境游：90后和00后游客增长最快
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/d5e2bccff03244698f2e2840cf2124c8 (1).jpg" width="160px" class="tpfd" /> 上海机场“救护车接机”进展：9人受处分
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/1dcaabcb35ca40ef93e57b1dba54b695.jpg" width="160px" class="tpfd" /> 李现竟是郭敬明韩寒书迷？曝光90后青春回忆
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 170px; width: 180px;">
						<a href="#"><img src="img/412b489f17774d33a4ee2cd1b6288a8d.jpg" width="160px" class="tpfd" /> 萧敬腾献唱《误杀》主题曲 唱出父亲的爱与勇敢</a>
					</div>
				</div>
			</div>
		</div>

		<!--脱口秀↓↓↓ -->
		<div class="container" style="padding-top: 50px;">
			<div class="row">
				<div class="col-md-12">
					<div>
						<a href="#" style="font-family: '微软雅黑'; font-size: 30px;">
							脱口秀<span style="font-size: 15px;">&ensp;更多>
						</span></a>
						<a href="#">&ensp;&ensp;非常静距离6</a>
						&ensp;/&ensp;
						<a href="#">康熙来了</a>
						&ensp;/&ensp;
						<a href="#">谷园讲通鉴</a>
						&ensp;/&ensp;
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-md-2">
					<div class="thumbnail" style="height: 175px; width: 180px;">
						<a href="#"><img src="img/2019-12-13_210638.png" width="160px" class="tpfd" />
							<h4>非常静距离</h4>朱丹自曝曾托汪涵上热门网综
							<br />
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 175px; width: 180px;">
						<a href="#"><img src="img/2019-12-13_210704.png" width="160px" class="tpfd" />
							<h4>独白</h4>汤唯曾因拍戏感染4次流感</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 175px; width: 180px;">
						<a href="#"><img src="img/2019-12-13_210717.png" width="160px" class="tpfd" />
							<h4>康熙来了</h4>小S被陈乔恩怼没作品大怒
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 175px; width: 180px;">
						<a href="#"><img src="img/2019-12-13_210731.png" width="160px" class="tpfd" />
							<h4>橘子辣访</h4>许凯给自己绝美女装扮相差评
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 175px; width: 180px;">
						<a href="#"><img src="img/2019-12-13_210746.png" width="160px" class="tpfd" />
							<h4>你次饭没</h4>杨奇函李思恒上演奇葩开杠
						</a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="thumbnail" style="height: 175px; width: 180px;">
						<a href="#"><img src="img/2019-12-13_210810.png" width="160px" class="tpfd" />
							<h4>君有戏言</h4>毛晓彤谈感情问题曝感情观</a>
					</div>
				</div>
			</div>
		</div>

		<!--娱乐↓↓↓↓-->
		<div class="container" style="padding-top: 50px;">
			<div class="row">
				<div class="col-md-12">
					<div>
						<a href="#" style="font-family: '微软雅黑'; font-size: 30px;">
							<img src="img/2019-12-11_095324.png" />&ensp;娱乐<span style="font-size: 15px;">&ensp;更多>
						</span></a>
						<a href="#">&ensp;&ensp;爱奇艺早班机</a>
						&ensp;/&ensp;
						<a href="#">娱乐猛回头</a>
						&ensp;/&ensp;
						<a href="#">杨紫李现获尖叫女神男神</a>
						&ensp;/&ensp;
						<a href="#">金鸡百花电影节</a>
						&ensp;/&ensp;
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row" style="font-family: '微软雅黑';">
				<div class="col-md-4">
					<div class="thumbnail">
						<ul style="list-style-type: none;">
							<div class="cd-radial-slider-wrapper">
								<ul class="cd-radial-slider" data-radius1="60" data-radius2="1364" data-centerx1="110" data-centerx2="1290">
									<li class="visible">
										<div class="svg-wrapper">
											<svg viewBox="0 0 1400 800">
												<title>Animated SVG</title>
												<defs>
													<clipPath id="cd-image-1">
														<circle id="cd-circle-1" cx="110" cy="400" r="1364" />
													</clipPath>
												</defs>

												<image height='1200px' width="1600px" clip-path="url(#cd-image-1)" xlink:href="img/456.jpg"></image>
											</svg>
										</div>
										<!-- .svg-wrapper -->
										<!-- .cd-radial-slider-content -->
									</li>
									<li class="next-slide">
										<div class="svg-wrapper">
											<svg viewBox="0 0 1400 800">
												<title>Animated SVG</title>
												<defs>
													<clipPath id="cd-image-2">
														<circle id="cd-circle-2" cx="1290" cy="400" r="60" />
													</clipPath>
												</defs>

												<image height='1200px' width="1600px" clip-path="url(#cd-image-2)" xlink:href="img/789.jpg"></image>
											</svg>
										</div>
										<!-- .svg-wrapper -->
										<!-- .cd-radial-slider-content -->
									</li>
								</ul>
								<!-- .cd-radial-slider -->

								<ul class="cd-radial-slider-navigation">
									<li>
										<a href="#0" class="next">Next</a>
									</li>
									<li>
										<a href="#0" class="prev">Prev</a>
									</li>
								</ul>
								<!-- .cd-radial-slider-navigation -->

								<div class="cd-round-mask">
									<svg viewBox="0 0 1400 800">
										<defs>
											<mask id="cd-left-mask" height='800px' width="1400px" x="0" y="0" maskUnits="userSpaceOnUse">
												<path fill="white" d="M0,0v800h1400V0H0z M110,460c-33.137,0-60-26.863-60-60s26.863-60,60-60s60,26.863,60,60S143.137,460,110,460z" />
											</mask>

											<mask id="cd-right-mask" height='800px' width="1400px" x="0" y="0" maskUnits="userSpaceOnUse">
												<path fill="white" d="M0,0v800h1400V0H0z M1290,460c-33.137,0-60-26.863-60-60s26.863-60,60-60s60,26.863,60,60S1323.137,460,1290,460z" />
											</mask>
										</defs>
									</svg>
								</div>
								<div>
									<br />
									<a href="#">剑王朝·“现男友”解锁人物标签</a>
									<p>李现李一桐神还原捏耳朵桥段</p>
								</div>
							</div>
						</ul>
					</div>
				</div>
				<div class="col-md-2">
					<ul style="list-style-type: none;">
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-13_212152.png"> 范丞丞：2020年想拍MV 好的焦虑可以推动自己往前走 </a>
							</div>
						</li>
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-13_212206.png"> 陈飞宇：希望遇到更多挑战 新的一年再接再厉</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-md-2">
					<ul style="list-style-type: none;">
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-13_212235.png"> 程潇：想挑战更多不同角色 对粉丝情话印象深刻&ensp;&ensp;&ensp;</a>
							</div>
						</li>
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-11_153227.png">于明加:感觉自己长相受限 我并不是“高产”的女演员</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-md-2">
					<ul style="list-style-type: none;">
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-13_212250.png">陈赫：世上另个我或许是厨师 期待《动物管理局2》
								</a>
							</div>
						</li>
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-13_212303.png">《唐顿庄园》电影12.13上映 原班人马！速看预告>
								</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-md-2">
					<ul style="list-style-type: none;">
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-13_212317.png">李现首次回应机场“生图” 还叮嘱粉丝要注意这件事！
								</a>
							</div>
						</li>
						<li>
							<div class="thumbnail tpfd">
								<a href="#"><img src="img/2019-12-13_212329.png">全程：杨紫李现摘得尖叫女神男神荣誉
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--其他登录页面-->

		<div id="mymodal" class="modal fade">
			<div id="" class="modal-dialog">
				<div class="modal-content" style="width: 400px; height: 400px;">
					<div class="modal-header">
						<h4>爱奇艺&ensp;·&ensp;登录</h4>
					</div>
					<div class="modal-body">
						<div class=" row " style="margin-top: 30px;">
							<div class="col-md-3 dlfs ">
								<a href="ZhuCe1.html"><img src="img/2019-12-13_145046.png " width="50px " /></a>
							</div>
							<div class="col-md-3 dlfs ">
								<a href="WeiBo.html"><img src="img/2019-12-13_145059.png " width="50px " /></a>
							</div>
							<div class="col-md-3 dlfs ">
								<a href="QQDengLu.html"><img src="img/2019-12-13_145107.png " width="50px " /></a>
							</div>
							<div class="col-md-3 dlfs ">
								<a href="BaiDu.html"><img src="img/2019-12-13_145122.png " width="50px " /></a>
							</div>
						</div>
						<div class="row " style="margin-top: 10px;">
							<div class="col-md-3 " style="padding-left: 25px;margin-top: 25px; ">
								<a href="ZhiFuBao.html"><img src="img/2019-12-13_145129.png " width="50px " /></a>
							</div>
							<div class="col-md-3 " style="padding-left: 25px;margin-top: 20px; ">
								<a href="WeiXin.html"><img src="img/2019-12-13_145152.png" width="58px " /></a>
							</div>
						</div>
						<div class="row" style="text-align: center;margin-top: 45px;">
							<div class="col-md-12 ys " id="e">
								登录即代表同意
								<a href="# ">用户协议</a>和
								<a href="# ">隐私政策</a>
							</div>
						</div>
					</div>

					<div class="modal-footer ">
						<div class="row ">
							<div class="col-md-12">
								<a href="ZhuCe1.html" style="margin-right: 140px;">注册</a>
								<a href="ZhangHanoDenLu.html">账号密码登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
								<a href="SaoMaDengLu.html">手机扫描登录</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--结尾部分↓↓↓        -->
		<div class="container" style="margin-bottom: 30px;">
			<div class="row">
				<div class="col-md-12">
					<img src="img/2019-12-11_120826.png" width="1150px" height="110px" />
				</div>
			</div>
		</div>
		<div id="jiewei">
			<div class="container">
				<div class="row" style="font-family: '微软雅黑'; font-size: 25px;">
					<div class="col-md-2">
						<p>关于我们</p>
					</div>
					<div class="col-md-2">
						<p>About Us</p>
					</div>
					<div class="col-md-2">
						<p>内容合作</p>
					</div>
					<div class="col-md-2">
						<p>技术合作</p>
					</div>
					<div class="col-md-2">
						<p>招聘英才</p>
					</div>
					<div class="col-md-2">
						<p>常见问题</p>
					</div>
				</div>
			</div>
			<div class="container" style="font-family: '微软雅黑'; font-size:18px ;">
				<div class="row">
					<div class="col-md-2">
						<ul style="list-style-type: none;">
							<li>
								<a href="#">公司介绍</a>
							</li>
							<li>
								<a href="">新闻动态</a>
							</li>
							<li>
								<a href="#">联系方式</a>
							</li>
							<li>
								<a href="#">用户协议</a>
							</li>
							<li>
								<a href="#">隐私政策</a>
							</li>
						</ul>
					</div>
					<div class="col-md-2">
						<ul style="list-style-type: none;">
							<li>
								<a href="#">Investor Relations</a>
							</li>
							<li>
								<a href="#">Media Center</a>
							</li>
						</ul>
					</div>
					<div class="col-md-2">
						<ul style="list-style-type: none;">
							<li>
								<a href="#">爱奇艺号</a>
							</li>
							<li>
								<a href="#">爱奇艺内容合作方式</a>
							</li>
							<li>
								<a href="#">互动视频标准</a>
							</li>
							<li>
								<a href="#">爱奇艺会员合作</a>
							</li>
						</ul>
					</div>
					<div class="col-md-2">
						<ul style="list-style-type: none;">
							<li>
								<a href="#">安全应急响应系统</a>
							</li>
							<li>
								<a href="#">技术故障反映</a>
							</li>
						</ul>
					</div>
					<div class="col-md-2">
						<ul style="list-style-type: none;">
							<li>
								<a href="#">社会招聘</a>
							</li>
							<li>
								<a href="#">校园招聘</a>
							</li>
						</ul>
					</div>
					<div class="col-md-2">
						<ul style="list-style-type: none;">
							<li>
								<a href="#">帮助中心</a>
							</li>
							<li>
								<a href="#">侵权举报与投诉</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<hr />
			<div class="container" style="font-family: '微软雅黑';">
				<div class="row">
					<div class="col-md-12">
						<div style="padding-top: 30px; padding-bottom: 20px;">
							<a href="#">营业执照</a>&ensp;&ensp;&ensp;&ensp;
							<a href="#">京网文[2018]6272-484号</a>&ensp;&ensp;&ensp;&ensp;
							<a href="#">中国互联网诚信联盟 </a>&ensp;&ensp;&ensp;
							<a href="#">出版物经营许可证</a>&ensp;&ensp;&ensp;&ensp;
							<a href="#">信息网络传播视听节目许可证 0110544号</a>&ensp;&ensp;&ensp;
							<a href="#">广播电视节目制作经营许可证 (京)字第1938号</a>
						</div>
					</div>
				</div>
				<div class="row" style="text-align: center; padding-bottom:20px ;">
					<div class="col-md-12">
						<a href="#">京ICP备11032965号</a>&ensp;&ensp;
						<a href="#">经营性网站备案信息 经营性网站备案信息</a>&ensp;&ensp;
						<a href="#">京公网安备 11010802020024号</a>&ensp;&ensp;
						<a href="#">增值电信业务经营许可证 B2-20120273</a>&ensp;&ensp;
						<a href="#">互联网药品信息服务资格证书</a>&ensp;&ensp;
					</div>
				</div>
				<div class="row" style="text-align: center; padding-bottom:20px ;">
					<div class="col-md-12">
						<a href="#">食品经营许可证 JY11108111598788</a>
					</div>
				</div>
				<div class="row" style="text-align: center; padding-bottom:20px ;">
					<div class="col-md-12">
						<a href="#">中国互联网举报中心</a>&ensp;&ensp;
						<a href="#">网络举报APP下载</a>&ensp;&ensp;
						<a href="#">反盗版和反盗链权利声明</a>&ensp;&ensp;
						<span>违法和不良信息举报电话：400-923-7171</span>&ensp;&ensp;
						<a href="#">举报邮箱：jubao365@qiyi.com</a>&ensp;&ensp;
					</div>
				</div>
				<div class="row" style="text-align: center; padding-bottom:10px ;">
					<div class="col-md-12">
						<span>Copyright © 2019</span>
						<a href="#">爱奇艺</a>
						<span>All Rights Reserved</span>
					</div>
				</div>
			</div>
		</div>

		<script src="js/snap.svg-min.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			function btn1() {
				$('.modal').modal();
			}

			//alert($);弹出窗口代理函数
			$("#box div.bg div.nav ul li").hover(function() {
				var index = $(this).index();
				$(this).addClass("first").siblings().removeClass("first");
				$("#box div.img ul li").eq(index).css({
					"display": "block",
					"opacity": "0"
				}).
				animate({
					"opacity": 1
				}, 500).siblings().css({
					"opacity": 1,
					"display": "none"
				}); //自定义动画
				//alert(index);
			});

			//图片放大↓↓
			$(function() {
				var imgWid = 0;
				var imgHei = 0; //变量初始化
				var big = 1.05; //放大倍数
				$(".banimg li").hover(function() {
					$(this).find("img").stop(true, true);
					var imgWid2 = 0;
					var imgHei2 = 0; //局部变量
					imgWid = $(this).find("img").width();
					imgHei = $(this).find("img").height();
					imgWid2 = imgWid * big;
					imgHei2 = imgHei * big;
					$(this).find("img").css({
						"z-index": 2
					});
					$(this).find("img").animate({
						"width": imgWid2,
						"height": imgHei2,
						"margin-left": -imgWid2 / 2,
						"margin-top": -imgHei2 / 2
					});
				}, function() {
					$(this).find("img").stop().animate({
						"width": imgWid,
						"height": imgHei,
						"margin-left": -imgWid / 2,
						"margin-top": -imgHei / 2,
						"z-index": 1
					});
				});
			})
		</script>
	</body>

</html>